@charset "utf-8";

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color: transparent;
}
html,body,div,span,a,em,img,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,figure{
	margin: 0;
	padding: 0px;
	border: 0;
	font-size: 100%;
	outline: none;
}
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0px; }
body {
	font: 14px/1.8 "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", tahoma, "times new roman", helvetica, arial;
	margin: 0 auto;
	color: #666;
	background-color: #fff;
}
ol,ul { list-style: none; }
table { border-collapse: collapse;}
img { border: 0; }

a {
	text-decoration: none;
	blr: expression(this.onFocus=this.blur());
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }

.clearfix:before,.clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
em,i{ font-style:normal;}

@media only screen and (min-width:1260px) {
.w1620{ margin:0 50px;}
}
@media only screen and (max-width:1260px) {
.w1620{ margin:0 20px;}
}
.top a:link,.top a:visited { color: #333;}
.top a:active,.top a:hover { color: #e51f1c; }
.header { height: 84px; }
.top { position: fixed; z-index: 999; width: 100%; left: 0; top: 0; background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);}
.logo { position: absolute; left: 3%; top: 0; }
.logo a { display: block; padding: 10px 0px;}
.logo img { height: 100%; display: block; }
.logo img.img1 { display: block; height:60px; }
.logo img.img2 { display: none; }
.nav { float: right; display: block; padding: 22px 0px; line-height: 40px; font-size: 16px;} 
.nav li { float: left; display: block; margin: 0px 24px; }
.nav li a.active { color: #e51f1c; }
.top-sider { float: right; display: block; margin-left: 40px;}
.top-sider .serachItem,.top-sider .menuItem { float: left; display: block; }
.serach-btn { width: 100px; height: 84px; display: block; background-color: #f2f2f2; }
.serach-btn i { background: url("../images/serach_bg.png") no-repeat scroll center center; width: 100%; height: 100%; display: block;}
.search-Ibox { position: fixed; right: 20px; top: 84px; width: 300px; height: 50px; background: #f2f2f2; z-index: 1020; display: none; }
.search-Ibox .close { background: url("../images/close_mi1.png") no-repeat scroll center center; width: 31px; height: 31px; position: absolute; right: 3%; top: 10px; transition: transform 0.3s; -webkit-transition: transform 0.3s; cursor: pointer; z-index:999; }
.search-Ibox .close:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.topsearch-form { width: 94%; height: 50px; }
.topsearch-box { padding: 0px 124px 0px 20px; position: relative; }
.topsearchtx { width: 240px; border: 0px none; padding: 0; margin: 0; display: block; height: 50px; line-height: 50px; font-size: 14px; color: #555; background-color: transparent; }
.topsearchbtn { position: absolute; right: 0; top: 0; padding: 0; margin: 0; display: block; width: 124px; height: 100%; border: 0px none; background: url("../images/serach_bg2.png") no-repeat scroll center center #e71e1a; cursor: pointer; display: block; transition: background 0.3s; -webkit-transition: background 0.3s; }
.topsearchbtn:hover { background-color: #866135; }

@media only screen and (min-width:1024px) {
.menu-handler{ display:none;}
}
.menu-handler { width: 100px; height: 84px; background: #e71e1a; cursor: pointer; position: fixed; right: 0; top: 0; z-index: 1020;
	transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
	-moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
}
.menu-handler .burger { width: 21px; height: 3px; background: #fff; display: block; position: absolute; z-index: 5; top: 31px; left: 50%; margin: 0px 0px 0px -10px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
}
.menu-handler .burger-2 { top: 40px;}
.menu-handler .burger-3 { top: 49px;}
.menu-handler.active .burger-1 { top: 40px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg);}
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%; }
.menu-handler.active .burger-3 { top: 40px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.siteMap-nav a:link,.siteMap-nav a:visited { color: #666;}
.siteMap-nav a:active,.siteMap-nav a:hover { color: #e71e1a;}
.siteMap-nav { background-color: #fff; position: fixed; right: -770px; bottom: 0; top: 84px; z-index: 1015; padding: 0px 60px; color: #666; overflow-x: hidden; overflow-y: scroll; width: 640px; }
.siteMap-nav { -webkit-overflow-scrolling: touch; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.siteMap-body { padding-bottom: 10px;}
.siteMap-list li { margin-bottom: 20px;}
.siteMap-list a.sm-item { font-weight: bold; color: #333;}
.pusher { transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.menuOpen .pusher { transform: translateX(-26%); -webkit-transform: translateX(-26%); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.menuOpen .siteMap-nav { right: -18px; }

.width94{ width:94%; margin:0 auto; max-width:1500px;}
#infoban{ display:block; overflow:hidden;}
.infoban{ background-image:url(../img/banbg.png); background-position:left; background-size:100%; background-repeat:repeat-y; box-sizing: border-box;}
.infoban .width94{ background:url(../img/banbg1.png) left top 60px no-repeat; color:#fff;}
@media only screen and (min-width:960px) {
#infoban{ background-size:100% auto; background-position:center;}
.infoban{ height:620px; padding:8% 0;}
.infoban span{ display:block; padding-left:50px; line-height:45px;}
.infoban i{ display:block; padding-left:50px; font-size:21px; font-weight:700; line-height:30px; letter-spacing:2px;}
.infoban em{ display:block; padding-left:50px; padding-top:20px; font-size:35px; font-weight:700;}
.infoban p{ padding-left:50px; padding-top:10px; max-width:480px; font-size:15px;}

}
@media only screen and (max-width:960px) {
.infoban{ padding:20px 0 50px;}
.infoban span{ display:block; padding-left:50px; line-height:45px;}
.infoban i{ display:block; padding-left:50px; font-size:18px; font-weight:700; line-height:30px; letter-spacing:2px;}
.infoban em{ display:block; padding-left:50px; padding-top:20px; font-size:22px; font-weight:700;}
.infoban p{ display:none;}
}
.infoban a{ color:#fff;}

#footer{ background:#232323; color:#eee; text-align:center;}
#footer a{ color:#eee;}
@media only screen and (min-width:640px) {
#footer{ height:60px; line-height:60px;}
#footer span{ padding:0 10px;}
}
@media only screen and (max-width:640px) {
#footer{ height:auto; line-height:24px; padding:15px 0;}
#footer span{ display:block; font-size:12px;}
}